/* common */

label {
	cursor: pointer;
}

button.btn {
	font-family: 'Lucida Grande', Helvetica, Tahoma, Arial, sans-serif;
}

#mask {
	background-color: #000;
	height: 100%;
	left: 0px;
	opacity: 0.3;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 90000;
}

.lock-icon {
	display: inline-block !important;
	margin-left: 3px;
	padding: 0px !important;
	vertical-align: middle;
}

.contextual {
	position: absolute;	
	z-index: 1000000;
	top: 25px;
	cursor: default;
	opacity: 0.95;
	font: 11px 'Lucida Grande', sans-serif;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #53cfff;
	background-color: #fff;
	color: #000;
	float: left;
	text-align: left;
	padding: 4px 0;
	word-wrap: normal;
	width: auto;
	
	li {
		padding: 0 !important;
		
		span{
			display: block;
			padding: 4px 13px !important;
		}
	}

	li.item {
		cursor: pointer;
	}
	
	li.item:hover {
		>span, >a>span {
			background-color: #33ccff; /*#33ccff 53cfff*/
			color: white;
		}
	}
	
	li.head {
		border-top: 1px solid #53cfff;
		margin-top: 4px !important;
		padding-top: 4px !important;
		position: relative;
	}
}

.more-contextual{
	background-color: #fff;
	right: 0;
	border: 1px solid #666;
	padding: 4px 0;
	position: absolute;
	text-align: left;
	z-index: 100000;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	li {
		float: none;
		
		a {
			color: #666;
			display: block;
			font-size: 11px;
			padding: 4px 10px;
			text-decoration: none;
			
			i {
				background-position: -16px;
				background-repeat: no-repeat;
				display: inline-block;
				height: 16px;
				margin-right: 4px;
				vertical-align: middle;
				width: 16px;
			}
		}
		
		a:hover {
			background-color: #666;
			color: white;
		}
	}
}

.dialog {
	background-color: #fff;
	position: fixed;
	left: 200px;
	border: 4px solid #ddd;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

ul.control {
	background-color: #ddd;
	float: right;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px;
	
	li {
		display: inline-block;
		list-type-style: none;
		padding: 0 !important;
		
		img{
			vertical-align: text-bottom;
		}
	}
}

#logo {
	img {
		height: 20px;
		padding-left: 20px;
		padding-top: 5px;
		width: 87px;
	}
}

#container {
	z-index: auto;
}

/* notice dialog */

.notice-body {
	background-color: #fff;
	border: 4px solid #ddd;
	left: -50px;
	position: absolute;
	top: 33px;
	z-index: 100000;
	text-align: left;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 16px;

	.direction {
		left: 72px;
		position: absolute;
		top: -11px;	
	}
	
	.msg {
		display: block;
		padding: 10px;
	}
	
	.control {
		background-color: #f6f6f6;
		display: block;
		padding: 5px;
		
		.a-btn.a-btn-m {
			line-height: 11px;
			height: 11px;
			margin-right: 5px;
			font-size: 12px;
		}
	}
}

body, #profile_box {
	ul.tabMenu {
		height: 26px;
		margin: 0 !important;
		overflow: visible;
	
		li {
			background-color: #f0f0f0;
			border: 1px solid #f0f0f0;
			border-bottom: none;
			-moz-border-radius-topleft:3px;
			-moz-border-radius-topright:3px;
			-khtml-border-top-left-radius:3px;
			-khtml-border-top-right-radius:3px;
			-webkit-border-top-left-radius:3px;
			-webkit-border-top-right-radius:3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			float: none;
			line-height: 25px;
			margin-right: 3px !important;
		
			a {
				border: none !important;
				font-size: 12px !important;
			}
		}
	
		li.active {
			background-color: #fff;
			border-color: #ccc;
			border-bottom: 1px solid #fff;
		}
	}
}

body {
	/* common */
	
	ol#timeline {
		li.hentry {
			span.thumb {
				left: 5px;
			}
			
			span.status-body {
				margin-right: 25px;
				padding-left: 5px;
				width: auto !important;
				
				img.preview_thumb {
					display: inline-block;
					margin-left: 1px;
					margin-top: -3px;
					vertical-align: middle;
				}
				
				span.translate {
					display: block;
					margin-top: 8px;
					padding-top: 8px;
					border-top: 1px solid #ccc;
					
					.translateSelect {
						display: block;
						margin-top: 5px;
					}
				}
				
				a.replyReply {
					color: #0084B4;
					display: block;
				}
				
				ul.actions-hover {
					background-color: #f7f7f7;
					
					li {
						span.more-link {
							display: block;
							line-height: 16px;
							
							span.more-icon {
								background-position: -80px 0px;
								cursor: pointer;
								height: 15px;
								margin-right: 2px;
								width: 15px;
							}
						}
						
						span.more-link:hover {
							.more-icon {
								background-position: -96px 0px;
							}
						}
						
						.action-more-list {
							li.reply-all {
								a {
									i {
										background-image: url('/images/reply_all.png');
									}
								}
								
								a:hover {
									i {
										background-position: 0 0;
									}
								}
							}
							
							li.comment-retweet {
								a {
									i {
										background-image: url('/images/quote.png');
									}
								}
								
								a:hover {
									i {
										background-position: 0 0;
									}
								}
							}
							
							li.translate {
								a {
									i {
										background-image: url('/images/translation.png');
									}
								}
								
								a:hover {
									i {
										background-position: 0 0;
									}
								}
							}
						}
					}
				}
			}
			
			span.retweeting.loading {
				display: block;
				font-size: 12px;
				text-align: center;
			}
		}
		
		li.status.focus, li.status.focus:hover {
			background-color: #eee;
			
			ul.actions-hover {
				background-color: #eee !important;
			}
		}
	
		li.direct_message {
			span.status-body {
				margin-right: 5px;
			}
		}
		
		li.replyReply {
			span.status-body {
				margin-left: 56px;
			}
		}
	}
	
	ul.control {
		.grid_refresh.loading, #tab_refresh.loading {
			background-image: url('/images/spinner.gif');
			background-position: center center;
			background-repeat: no-repeat;
			color: transparent;
			display :inline-block;
			
			img {
				visibility: hidden;
			}
		}
		
		#tab_minus.hide {
			display: none;	
		}
		
		.grid_extends, .grid_refresh, #tab_add, #tab_refresh, #tab_minus {
			img {
				vertical-align: text-bottom;
				opacity: 0.7;
			}
		}
		
		.grid_extends:hover, .grid_refresh:hover, #tab_add:hover, #tab_refresh:hover, #tab_minus:hover {
			img {
				opacity: 1;
			}
		}
	}
	
	#grid_layout {
		border-collapse: collapse;
		
		td.tdnest {
			vertical-align: top;
			
			#dm_tabs, #retweet_tabs {
				li {
					display: inline-block;
					margin-right: 0 !important;
					padding-bottom: 0;
					
					a {
						font-size: 12px !important;
					}
				}
			}
		}
		
		#grid_layout_0 {
			#return-home {
				top: 40px;
				position: absolute;
				left: 17px;
				float: none;
				line-height: 1px;
				margin: 0;
				padding: 0;
			}
			
			#dm_tabs, #retweet_tabs {
				margin-top: 30px !important;
			}
		}
	}
	
	.common-form.standard-form {
		margin: 0px auto;
		padding: 10px 0;
		width: 521px;
		
		.info {
			padding: 0;
			
			#status_progress {
				margin-left: auto;
				margin-right: auto;
			}
			
			textarea {
				display: block;
				margin: 0 auto;
			}
			
			#update_notifications {
				float: none;
				margin-left: auto;
				margin-right: auto;
				padding: 0;
				width: 515px;
			}
			
			.suggest {
				background-color: #fff;
				border:1px solid #888;
				color: #666;
				font-family: Arial, sans-serif;
				font-size: 12px;
				left: 40px;
				margin-top: -1px;
				padding: 3px 0;
				position: absolute;
				top: 200px;
				z-index: 11;
				-moz-border-radius: 4px;
				-khtml-border-radius: 4px;
				-webkit-border-radius: 4px;
				
				.element {
					cursor: pointer;
					padding: 2px 5px;
				}

				.selected {
					background: #34ccff;

					.am {
						color:#fff;
					}
				}
			}
		}
	}
	
	#tweeting_controls, #dm_update_box .status-btn {
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		text-align: right;
		width: 515px;

		input, a {
			font-family: 'helvetica neue', arial, sans-serif;
			font-size: 13px;
			height: auto;
			line-height: 13px;
			text-shadow: white 1px 1px 0px !important;
			text-transform: capitalize;
			width: auto;
		}
	}

	#dm_update_box {
		.char-counter {
			display: none;
		}

		input[type='submit'] {
			border: 1px solid #ddd;
			line-height: 16px;
			margin-left: 0;
			padding-left: 15px;
			padding-right: 15px;
		}

		input[type='submit'].btn-disabled {
			background-image: none;
			border: 1px solid #ddd;
		}
	}
	
	/* global tab */
	
	#globalTab {
		border-bottom: 1px solid #ccc;
		
		ul.tabMenu {
			li {
				background-image: url('/images/grip.gif');
				background-position: 2px center;
				background-repeat: no-repeat;
				display: inline-block;
				
				a {
					background-color: transparent !important;
					font-size: 12px !important;
					padding-left: 20px !important;
					padding-right: 10px !important;
				}
			}
		}
	}
	
	#grouptab_dummy {
		background-color: #f0f0f0;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		-khtml-border-top-left-radius: 3px;
		-khtml-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border: 1px solid #f0f0f0;
		border-bottom: none;
		display: inline-block;
		line-height: 25px;
		margin-right: 4px;
		vertical-align: middle;
		position: absolute;
		z-index: 91000;
		
		a {
			color: #649fd0;
			display: inline-block;
			font-size: 12px;
			line-height: 25px;
			padding-left: 20px;
			padding-right: 10px;
			text-decoration: none;
		}
		
		a.tab_minus {
			display: none;
		}
	}
	
	#grouptab_dummy.active {
		background-color: #fff;
		border: 1px solid #c4c4c4;
		border-bottom-color: #fff;
		
		a {
			color: #888;
		}
	}
	
	/* timeline */
	
	.section {
		ul.control {
			background-color: transparent;
			position: absolute;
			right: 4px;
			top: 4px;
		}
		
		#timeline_heading {
			background-color: #fff;
			margin: 3px 0px 0px !important;
			position:relative;
			
			h1 {
				font-size: 14px;
				font-weight: normal;
				line-height: 22px;
				margin: 0 0 0 7px;
				padding: 3px 0;
			}
			
			ul.contextual {
				top: 24px;
			}
		}
		
		.grid_timeline_heading {
			margin: 3px 0 6px !important;
			position:relative;
			
			h1 {
				background-color: #eee;
				background-image: url('/images/grip2.gif');
				background-position: 3px center;
				background-repeat: no-repeat;
				cursor: move;
				font-weight: normal;
				padding: 3px 38px 3px 16px;
				
				a {
					font-size: 14px;
				}
			}
			
			ul.contextual {
				top: 24px;
			}
		}
	
		.trend-description-container {
			display: block !important;
		}
	}
	
	.section.my {
		ol.statuses {
			li.status {
				.status-body {
					margin-left: 2px;
				}
			}
			
			li.status.share {
				span.thumb {
					display: none;
				}
			}
		}
	}
	
	.section.DM {
		.tabMenu {
			margin-right: 0;
		}
	}
	
	.section.retweets_by_others, .section.retweets, .section.retweeted_of_mine, .section.DM {
		.grid_timeline_heading {
			margin-bottom: 0 !important;
		}
	}
	
	.section.retweets_by_others, .section.retweets, .section.retweeted_of_mine, .section.DM {
		#timeline {
			padding-top: 6px;
		}
	}
	
	#panel_dummy {
		background-color: #fff;
		opacity: 0.9;
		position: absolute;
		text-align: left;
		z-index: 91000;
		
		.section {
			padding: 6px 10px;
			width: auto;
		}
		
		h1 {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 18px;
			margin: 3px 0px 4px;
			font-weight: normal;
		}
	}
}

body#inbox.grid, body#sent.grid {
	#timeline_heading {
		#return-home {
			top: 33px;
			left: 8px;
		}
	}
}

body#inbox.grid li#inbox_tab, body#sent.grid li#sent_tab {
	border:1px solid #ccc;
	border-bottom-color:#fff;
}

body#links.grid {
	#heading {
		width: 100%;
	}
	
	#timeline_heading {
		margin-bottom: 20px !important;
		
		ul.control {
			li:first-child {
				display: none;
			}
		}
	}
	
	#new_results_notification {
		display: none;
	}
	
	li.list_list {
		span.body {
			display: block;
			padding-left: 5px;
			padding-right: 5px;
			
			span.title {
				display: block;
			}
		
			span.tiny, span.clicks {
				color: #999;
				font-size: 11px;
			}
		}
	}
}

body#search.grid {
	#timeline_heading {
		margin-bottom: 20px !important;
		
		h1 {
			label {
				top: 37px;
				position: absolute;
				right: 10px;
				
				a {
					line-height: 14px;
				}
			}
		}
	}
}

body#retweets.grid, body#retweets_by_others.grid, body#retweeted_of_mine.grid {
	#timeline_heading {
		h1 {
			display: block;
		}
	}
}

body#replies.grid, body#favorites.grid {
	#timeline_heading {
		margin-bottom: 20px !important;
	}
}

body#retweets_by_others.grid #retweet_tabs #retweets_by_others_tab, body#retweets.grid #retweet_tabs #retweets_tab, body#retweeted_of_mine.grid #retweet_tabs #retweeted_of_mine_tab {
	border:1px solid #ccc;
	border-bottom-color:#fff;
}

/* bottom menu */

#banana {
	position: fixed;
	z-index: 89999;
	opacity: 0.95;
	background-color: #FFF;
	-moz-border-radius: 21px;
	-khtml-border-radius: 21px;
	-webkit-border-radius: 21px;
	border-radius: 21px;
	border: 2px solid #53cfff;
	color: #0084b4;
	padding: 0 15px 0 10px;
	
	a {
		span.label{
			display: block;
			font-size: 11px;
		}
		
		span.count{
			font-family: georgia, serif;
			font-size: 13px;
		}
	}
	
	.contextual {
		position: fixed;
		top: auto;
		
		li {
			a {
				color: #000;
				background-color: #C4efff;
				text-decoration: none;
				
				b {
					font-weight: normal;
				}
			}
		}
		
		li:hover {
			a {
				color: #fff;
			}
		}
	}
	
	>li {
		display: inline-block;
		
		a {
			color: #000;
			text-decoration: none;
		}
		
		>a {
			display: inline-block;
			height: 26px;
			min-width: 30px;
			padding: 5px;
			vertical-align: middle;
		}
	}
	
	li.bclose {
		padding-right: 7px;
		
		>a {
			text-indent: -200px;
			overflow: hidden;
			display: block;
			border: 1px solid #000;
			-moz-border-radius: 8px;
			-khtml-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
			min-width: 0;
			height: 16px;
			width: 16px;
			line-height: normal;
			padding: 0;
		}
	}
	
	li.bmenu, li.bsearches {
		>a {
			line-height:28px;
		}
	}
}

#banana.small {
	background-color: rgba(255,255,255,.8);
	-moz-border-radius: 24px;
	-khtml-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	padding: 0;
	
	>li {
		display: none;
	}

	>li.bclose {
		display: block;
		border: none;
		text-indent: 0;
		text-align: center;
		height: 48px;
		width: 48px;
		font-size: 11px;
		padding: 0;
		text-transform: uppercase;
		position: static;
		
		>a{
			text-indent: 0;
			border: none;
			-moz-border-radius: 0;
			-khtml-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			height: 28px;
			padding: 10px 0;
			width: 48px;
		}
	}
}

/* settings dialog */

#settingPanel {
	height: 500px;
	width: 600px;
	z-index: 1100000;
	
	.title {
		font-family: 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 15px;
		line-height: 50px;
	}
	
	ul.nav {
		background: #EAF3F9;
		margin-bottom: 30px;
		padding: 6px 8px;
		text-align: left;
		
		li {
			display: inline-block;
			
			a {
				-moz-border-radius: 12px;
				-khtml-border-radius: 12px;
				-webkit-border-radius: 12px;
				border-radius: 12px;
				cursor: pointer;
				display: inline-block;
				line-height: 11px;
				margin-right: 3px;
				padding: 6px 12px;
				text-shadow: #fff 0px 1px 1px;
				width: auto;
				color: #2276BB;
				text-decoration: none;
			}
			
			a:hover{
				-moz-box-shadow: #fff 0px 1px 1px;
				-webkit-box-shadow: #fff 0px 1px 1px;
				background-color: rgba(34, 118, 187, 0.398438);
				color: #fff;
				text-decoration: none;
				text-shadow: rgba(34, 118, 187, 0.746094) 0px 1px 1px;
			}
		}
		
		li.active {
			a {
				-moz-box-shadow: #fff 0px 1px 1px;
				-webkit-box-shadow: #fff 0px 1px 1px;
				background-color: #2276BB;
				color: #fff;
				text-shadow: #2276BB 0px 1px 1px;
			}
		}
	}
	
	th {
		font-weight: normal;
		text-align: left;
		width: 150px;
		padding: 0 0 10px 15px;
		vertical-align: top;
	}
	
	td {
		padding :0 15px 12px 0;
		vertical-align: top;
		text-align: left;
		
		input[type='checkbox'] {
			margin-right: 5px;
			vertical-align: middle;
		}
	}
	
	select {
		margin-left: 5px;
	}
	
	textarea {
		font-family: Courier, monospace;
		font-size: 12px;
		width: 390px;
		height: 290px;
	}
	
	textarea[disabled], input[type="text"][disabled] {
		opacity: 0.8;
	}
	
	.buttons {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding :15px 0;
		text-align :center;
		
		input {
			min-width: 81px;
		}
	}
	
	.sub {
		color: #999;
		font-size: 11px;
		padding-top: 8px;
		margin-left: 17px;
		
		ul {
			li {
				margin-bottom: 3px;
				
				input[type='text'] {
					font-size: 12px;
					height: 20px;
					margin-left: 3px;
					padding :0 5px;
					vertical-align: middle;
					width: 40px;
				}
			}
			
			li:last-child {
				margin-left: 17px;
			}
		}
	}
}

/* korean spelling checker */

#externalWindow {
	overflow: visible;
	text-align: center;
}

#externalWindow.show {
	border: 1px solid #ccc;
	display: block !important;
	height: 400px;
	margin-bottom: 30px !important;
	
	iframe {
		border: none;	
	}
}

/* draft area */

#draft_nest {
	margin: 0 auto;
	width: 521px;
	
	ol.statuses.draft {
		border: 2px solid #33ccff;
		max-height: 400px;
		overflow-y: auto;
		
		li {
			span.status-body {
				margin-left: 0;
				margin-right: 5px !important;
				
				ul.actions-hover {
					margin-left: auto;
					position: static;
					
					li {
						display: inline;
						float: none;
						
						span {
							display: inline;
							float: none;
						}
					}
				}
			}
		}
	}
	
	a.more {
		margin-top: 3px;
	}
}

/* sidebar button */

#expand_sidebar {
	position: absolute;
}

#expand_sidebar.show .hide, #expand_sidebar.hide .show {
	display: none;
}

#expand_sidebar, #tab_add, #tab_refresh, #tab_minus {
	img {
		vertical-align: text-bottom;
	}
}


#side {
	width: auto;
	
	ul.sidebar-menu {
		li {
			a {
				margin-right: 0px;
				padding: 0.5em 0px 0.5em 14px;
				vertical-align: middle;
			}
		}
	}
}

/* twitpic login area */

#status_login_box {
	display: none;
	height: 220px;
	left: 50%;
	margin-left: -195px;
	margin-top: -110px;
	padding: 20px;
	position: fixed;
	text-align: left;
	top: 50%;
	width: 390px;
	z-index: 1090000;
}

#status_login_box.show {
	display: block;
}

/* profile */

#profile_box {
	bottom: 65px;
	min-height: 480px;
	top: 65px;
	width: 800px;
	z-index: 99999;

	table {
		border-collapse: collapse;
		background-color: #fff;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		height: 100%;
		width: 100%;
	}

	.info_layout{
		border-right: 1px solid #f6f6f6;
		overflow: hidden;
		padding: 8px;
		vertical-align: top;
		width: 220px;
		
		a.verified {
			background-image: url('https://twitter.com/images/verified/verified_small.png');
			background-repeat:no-repeat;
			display:inline-block;
			height:15px;
			margin:1px 0 0 3px;
			width:18px;
			vertical-align:middle;
			
			em {
				display:none;
			}
		}
		
		.wrap {
			border: 1px solid #ddd;
			overflow: hidden;
			margin-bottom: 5px;
			max-height: 248px;
			max-width: 218px;
			min-height: 218px;
			text-align: center;
			vertical-align: middle;
		}
		
		.info {
			text-align: left;
			overflow: hidden;
		}
		
		.username {
			strong {
				vertical-align: middle;
			}
		}
		
		.entry-author {
			li.username {
				strong {
					font-size: 16px;
					line-height: 18px;
				}
			}

			li.screen-name {
				margin-top: 4px;
			}

			li.screen-name, li.location {
				color: #999;
				font-size: 11px;
			}

			li.web {
				padding: 6px 0 3px;
				text-oveflow: ellipsis;
				width: 220px;
			}

			li.bio {
				padding: 3px 0 6px;
				word-break: break-word;
			}
		}

		ul.user_stats {
			color: #333;
			overflow: hidden;
			list-style: none;
			margin: 5px 0 15px 0;
			padding: 0px;
			text-align: left;

			li {
				display: inline-block;
				list-style: none;
				margin: 0px;
				padding: 0px;
				border-right: 1px solid #EEE;
				letter-spacing: -0.5px;
				padding: 1px 6px;
				vertical-align:top;

				.stat{
					color: #333;
					display: block;
					font-family: 'Helvetica Neue', Arial, sans-serif;
					font-size:12px;
					font-weight: bold;
					letter-spacing: 0.5px;
				}

				.type{
					color: #666;
					font-size: 11px;
				}
			}

			li:first-child {
				padding-left: 0;
			}

			li:last-child {
				border-right: none;
				padding-right: 0;
			}
		}
	}
	
	span.label {
		display: none;
	}

	.tweet_layout {
		overflow: hidden;
		padding: 8px;
		vertical-align: top;
		
		.tabMenu {
			height: 26px;
			margin: 0;
			position: relative;
			z-index: 6500;

			li {
				display: inline-block;
				margin-right: 0 !important;
				
				a {
					font-size: 12px !important;
				}
			}
			
			li#mention_tab {
				a {
					text-transform: none;
				}
			}
		}
		
		#tweets {
			border-top: 1px solid #ccc;
			
			.head {
				clear: left;
				float: left;
				margin: 6px 0 0 5px;
				position: relative;
				z-index: 6000;
				
				>a {
					display: inline-block;
					padding: 3px 5px 1px 5px;
					vertical-align: middle;
				}
				
				i.arrow {
					background-image: url('http://s.twimg.com/a/1272578449/images/arrow_right_dark.png');
					background-position: 0 -13px;
					background-repeat: no-repeat;
					display: inline-block;
					height: 13px;
					margin: 0 0 2px 3px;
					vertical-align: middle;
					width: 13px;
				}
				
				.more-contextual {
					-moz-border-top-left-radius: 0;
					-khtml-border-top-left-radius: 0;
					-webkit-border-top-left-radius: 0;
					border-top-left-radius: 0;
					right: auto;
					min-width: 150px;
					
					li {
						a {
							i {
								background-image: url('http://s.twimg.com/a/1272578449/images/sprite-icons.png');
								background-position: -96px -64px;
								margin-bottom: 1px;
								height: 13px;
								width: 13px;
							}
						}
						
						a:hover {
							i {
								background-position: -64px -64px;
							}
						}
					}
				}
			}
			
			.head:hover {
				>a {
					background-color: #666;
					color: white;
					text-decoration: none;
				}
				
				i.arrow {
					background-position: 0 0;
				}
			}
			
			#tweets_body {
				padding: 0 5px 5px;
				position:absolute;
				top: 34px;
				bottom: 50px;
				left: 243px;
				right: 8px;
				overflow-y:auto;
				
				ol#timeline {
					text-align: left;
					
					li {
						.action-more-list {
							position: fixed;
						}
					}
					
					li.tweets_tab {
						span.status-body {
							margin-left: 7px !important;
							padding-left: 0;
						}
					}
					
					li.mention_tab, li.favorites_tab, li.lists_tab {
						span.status-body {
							margin-left: 56px;
						}
					}
					
					li:first-child {
						border-top: none;
					}
				}
				
				#paginationProfile {
					.more {
						cursor: pointer;
						margin: 6px 0px 0px;
					}
				}
			}
		}
		
		.user-actions {
			background-color: #fff;
			padding: 5px;
			position: absolute;
			top: 7px;
			bottom: 50px;
			left: 243px;
			right: 8px;
			overflow-y: auto;
			z-index: 7000;
			
			.list_checkbox {
				vertical-align: middle;
			}
			
			.spinner{
				display: none;
				vertical-align: middle;
			}
			
			ul {
				padding: 15px 5px 5px 5px;
				
				li {
					padding: 2px 0;
				}
			}
		}
	}
	
	td.controls {
		background: #f6f6f6;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		height: 39px;
		position: relative;
		padding-right: 8px;
		text-align: left;
		vertical-align: top;
		
		.following-controls {
			display: inline-block;
			float: left;
			font-weight: bold;
			font-size: 11px;
			padding-left: 11px;
			padding-top: 8px;
			
			a.user {
				i {
					background-image: url('http://s.twimg.com/a/1272919576/images/sprite-icons.png');
					background-position: -176px -32px;
					background-repeat: no-repeat;
					display: inline-block;
					height: 13px;
					margin: 0px 3px -3px 0px;
					overflow: hidden;
					width: 15px;
				}
			}
			
			.is-following {
				cursor: pointer;
				background: url('http://s.twimg.com/a/1272919576/images/sprite-icons.png') -160px -16px;
				display: inline-block;
				height: 9px;
				margin-bottom: 2px;
				margin-right: 3px;
				position: relative;
				top: 2px;
				vertical-align: middle;
				width: 10px;
			}
			
			.you-follow-user {
				vertical-align: middle;
			}
			
			.setting{
				display: none;
				cursor: pointer;
				background: url('http://s.twimg.com/a/1272919576/images/sprite-icons.png') no-repeat -96px -48px;
				height: 16px;
				margin-left: 5px;
				margin-top:2px;
				width: 16px;
				vertical-align: middle;
			}
			
			.shares-setting-not-off {
				background-position: -96px -48px;
			}
			
			.shares-setting-off {
				background-position: -176px -48px;
			}
			
			.wrap {
				padding-top: 3px;
			}
			
			a, button{
				font-weight: normal;
			}
		}
	
		.actions {
			float: right;
			padding-top: 8px;
			position: static !important;
		}
		
		button.close_btn {
			margin-left: 40px;
		}
	}
}

body.ja {
	#profile_box {
		ul.user_stats {
			li {
				.type {
					letter-spacing: -1px;
				}
			}
		}
	}
}

/* language box */

#language_box {
	background: #fff;
	overflow: hidden;
	padding: 10px;
	position: fixed;
	text-align: center;
	width: 300px;
	z-index: 90001;
	
	strong {
		display: block;
		font-family: 'Helvetica Neue', Arial, sans-serif;
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 0.5px;
		margin-bottom: 25px;
		text-align: left;
	}
	
	label {
		color: #999;
		font-size: 11px;
	}
	
	p {
		padding: 25px 0 0;
		text-align: right;
	}
	
	button {
		margin-left: auto;
	}
}

/* overwrite Hovercard */

.hovercard {
	.hovercard-inner {
		p.location {
			height: auto;
		}
		
		.description-inactive {
			padding-top:0;
		}
	}
	
	.hovercard-inner-footer {
		.following, .not-following {
			width: 217px;
		}
		
		.detail-btn{
			position: absolute;
			right: 0;
			top: 0;
		}
	}
	
	.action-list li a {
		font-size: 11px;
	}
	
	.is-you + a.detail-btn {
		margin: 7px 7px 0 0;
	}
}

body.ja {
	.hovercard {
		ul.user_stats {
			.type {
				letter-spacing: -1px;
			}
		}
	}
}

/* overwrite tipsy */

.tipsy {
	div.shortcut {
		color: #f7f7f7;
		font-weight: normal;
	}
}

.tipsy.preview {
	background-image: url('/images/tipsy-north.gif');
	color: #000;
	opacity: 1 !important;
	
	.tipsy-inner {
		background-color: #c7c7c7;
	}
}